<template>
  <view class="classLayout pageBg">
    <custom-nav-bar title="分类"></custom-nav-bar>
    <div class="classify">
      <choose-item v-for="item in classifyList" :item._key></choose-item>
    </div>
  </view>
</template>

<script setup>
  import { ref } from "vue";
import {apiGetClassity} from "../../api/apis.js"
  const classifyList = ref([])
  const getClassify = async ()=>{
  	let res=await apiGetClassity({
		pageSize:15
  	});
  	classifyList.value=res.data
  	
  }
  getClassify()
</script>

<style lang="scss" scoped>
.classify{
  padding: 30rpx;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 15rpx;
  margin-top: 30rpx;
}
</style>
